<template>
    <div class="platform-content">
        <h4 class="platform-content-title">
            <span>求救求助信息表</span>
            <div class="platform-list-op">
                <el-button
                        v-permission="'wxprogram.event.create'"
                        size="small"
                        type="primary"
                        @click="openCreate"
                >
                    新建
                </el-button>
                <el-button
                        size="mini"
                        type="success"
                        @click="changeSearch"
                >
                    收起/展开
                </el-button>
            </div>
        </h4>
        <div class="platform-content-info">
            <el-row>
                <el-form
                        ref="searchForm"
                        :inline="true"
                        :model="pageData"
                        class="platform-content-search-form-more"
                >
                    <el-row v-if="showSearch">
                                                <el-col :span="6">
                            <el-form-item label="信息标题">
                                <el-input
                                        v-model="pageData.event_title"
                                        placeholder="信息标题"
                                        maxlength="255"
                                        auto-complete="off"
                                        type="text"
                                />
                            </el-form-item>
                        </el-col>
                                                <el-col :span="6">
                            <el-form-item label="信息分类(自然灾害、求救、求助)">
                                <el-input
                                        v-model="pageData.event_type"
                                        placeholder="信息分类(自然灾害、求救、求助)"
                                        maxlength="255"
                                        auto-complete="off"
                                        type="text"
                                />
                            </el-form-item>
                        </el-col>
                                                <el-col :span="6">
                            <el-form-item label="信息状态(待接单订单,待协助订单,已完成订单,售后/取消订单,全部订单,订单提醒)">
                                <el-input
                                        v-model="pageData.event_status"
                                        placeholder="信息状态(待接单订单,待协助订单,已完成订单,售后/取消订单,全部订单,订单提醒)"
                                        maxlength="255"
                                        auto-complete="off"
                                        type="text"
                                />
                            </el-form-item>
                        </el-col>
                                                <el-col :span="6">
                            <el-form-item label="信息发布手机号">
                                <el-input
                                        v-model="pageData.event_phone"
                                        placeholder="信息发布手机号"
                                        maxlength="255"
                                        auto-complete="off"
                                        type="text"
                                />
                            </el-form-item>
                        </el-col>
                                                <el-col :span="6">
                            <el-form-item label="信息类型">
                                <el-input
                                        v-model="pageData.event_content_type"
                                        placeholder="信息类型"
                                        maxlength="255"
                                        auto-complete="off"
                                        type="text"
                                />
                            </el-form-item>
                        </el-col>
                                                <el-col :span="6">
                            <el-form-item label="信息发布所在省份">
                                <el-input
                                        v-model="pageData.event_province"
                                        placeholder="信息发布所在省份"
                                        maxlength="255"
                                        auto-complete="off"
                                        type="text"
                                />
                            </el-form-item>
                        </el-col>
                                                <el-col :span="6">
                            <el-form-item label="信息发布所在城市">
                                <el-input
                                        v-model="pageData.event_city"
                                        placeholder="信息发布所在城市"
                                        maxlength="255"
                                        auto-complete="off"
                                        type="text"
                                />
                            </el-form-item>
                        </el-col>
                                                <el-col :span="6">
                            <el-form-item label="信息发布所在区县">
                                <el-input
                                        v-model="pageData.event_district"
                                        placeholder="信息发布所在区县"
                                        maxlength="255"
                                        auto-complete="off"
                                        type="text"
                                />
                            </el-form-item>
                        </el-col>
                                                <el-col :span="6">
                            <el-form-item label="信息发布所在乡镇">
                                <el-input
                                        v-model="pageData.event_street"
                                        placeholder="信息发布所在乡镇"
                                        maxlength="255"
                                        auto-complete="off"
                                        type="text"
                                />
                            </el-form-item>
                        </el-col>
                                                <el-col :span="6">
                            <el-form-item label="信息发布的详细地址">
                                <el-input
                                        v-model="pageData.event_address"
                                        placeholder="信息发布的详细地址"
                                        maxlength="255"
                                        auto-complete="off"
                                        type="text"
                                />
                            </el-form-item>
                        </el-col>
                                                <el-col :span="6">
                            <el-form-item label="信息发布的时间">
                                <el-input
                                        v-model="pageData.create_time"
                                        placeholder="信息发布的时间"
                                        maxlength="255"
                                        auto-complete="off"
                                        type="text"
                                />
                            </el-form-item>
                        </el-col>
                                                <el-col :span="6">
                            <el-form-item label="信息审核通过时间">
                                <el-input
                                        v-model="pageData.msgaudit_pass_time"
                                        placeholder="信息审核通过时间"
                                        maxlength="255"
                                        auto-complete="off"
                                        type="text"
                                />
                            </el-form-item>
                        </el-col>
                                                <el-col :span="6">
                            <el-form-item label="志愿者接单时间">
                                <el-input
                                        v-model="pageData.volunteer_ordertime"
                                        placeholder="志愿者接单时间"
                                        maxlength="255"
                                        auto-complete="off"
                                        type="text"
                                />
                            </el-form-item>
                        </el-col>
                                                <el-col :span="6">
                            <el-form-item label="志愿者是否提供帮助">
                                <el-input
                                        v-model="pageData.volunteer_whether_help"
                                        placeholder="志愿者是否提供帮助"
                                        maxlength="255"
                                        auto-complete="off"
                                        type="text"
                                />
                            </el-form-item>
                        </el-col>
                                                <el-col :span="6">
                            <el-form-item label="特殊需求">
                                <el-input
                                        v-model="pageData.special_requirement"
                                        placeholder="特殊需求"
                                        maxlength="255"
                                        auto-complete="off"
                                        type="text"
                                />
                            </el-form-item>
                        </el-col>
                                                <el-col :span="6">
                            <el-form-item label="发布者微信昵称">
                                <el-input
                                        v-model="pageData.event_nickname"
                                        placeholder="发布者微信昵称"
                                        maxlength="255"
                                        auto-complete="off"
                                        type="text"
                                />
                            </el-form-item>
                        </el-col>
                                                <el-col :span="6">
                            <el-form-item label="信息发布者性别">
                                <el-input
                                        v-model="pageData.event_sex"
                                        placeholder="信息发布者性别"
                                        maxlength="255"
                                        auto-complete="off"
                                        type="text"
                                />
                            </el-form-item>
                        </el-col>
                                                <el-col :span="6">
                            <el-form-item label="定位经度">
                                <el-input
                                        v-model="pageData.longitude"
                                        placeholder="定位经度"
                                        maxlength="255"
                                        auto-complete="off"
                                        type="text"
                                />
                            </el-form-item>
                        </el-col>
                                                <el-col :span="6">
                            <el-form-item label="定位纬度">
                                <el-input
                                        v-model="pageData.latitude"
                                        placeholder="定位纬度"
                                        maxlength="255"
                                        auto-complete="off"
                                        type="text"
                                />
                            </el-form-item>
                        </el-col>
                                                <el-col :span="6">
                            <el-form-item label="志愿者姓名">
                                <el-input
                                        v-model="pageData.volunteer_name"
                                        placeholder="志愿者姓名"
                                        maxlength="255"
                                        auto-complete="off"
                                        type="text"
                                />
                            </el-form-item>
                        </el-col>
                                                <el-col :span="6">
                            <el-form-item label="志愿者性别">
                                <el-input
                                        v-model="pageData.volunteer_sex"
                                        placeholder="志愿者性别"
                                        maxlength="255"
                                        auto-complete="off"
                                        type="text"
                                />
                            </el-form-item>
                        </el-col>
                                                <el-col :span="6">
                            <el-form-item label="志愿者手机号">
                                <el-input
                                        v-model="pageData.volunteer_phone"
                                        placeholder="志愿者手机号"
                                        maxlength="255"
                                        auto-complete="off"
                                        type="text"
                                />
                            </el-form-item>
                        </el-col>
                                                <el-col :span="6">
                            <el-form-item label="志愿者出生年份">
                                <el-input
                                        v-model="pageData.volunteer_year"
                                        placeholder="志愿者出生年份"
                                        maxlength="255"
                                        auto-complete="off"
                                        type="text"
                                />
                            </el-form-item>
                        </el-col>
                                                <el-col :span="6">
                            <el-form-item label="志愿者完成求助的数量">
                                <el-input
                                        v-model="pageData.volunteer_complete_num"
                                        placeholder="志愿者完成求助的数量"
                                        maxlength="255"
                                        auto-complete="off"
                                        type="text"
                                />
                            </el-form-item>
                        </el-col>
                                                <el-col :span="6">
                            <el-form-item label="事件发起人id">
                                <el-input
                                        v-model="pageData.openid"
                                        placeholder="事件发起人id"
                                        maxlength="255"
                                        auto-complete="off"
                                        type="text"
                                />
                            </el-form-item>
                        </el-col>
                                                <el-col :span="6">
                            <el-form-item label="事件发起人姓名">
                                <el-input
                                        v-model="pageData.user_name"
                                        placeholder="事件发起人姓名"
                                        maxlength="255"
                                        auto-complete="off"
                                        type="text"
                                />
                            </el-form-item>
                        </el-col>
                                                <el-col :span="6">
                            <el-form-item label="事件内容详情">
                                <el-input
                                        v-model="pageData.event_content"
                                        placeholder="事件内容详情"
                                        maxlength="255"
                                        auto-complete="off"
                                        type="text"
                                />
                            </el-form-item>
                        </el-col>
                                                <el-col :span="6">
                            <el-form-item label="图片">
                                <el-input
                                        v-model="pageData.event_pic_url"
                                        placeholder="图片"
                                        maxlength="255"
                                        auto-complete="off"
                                        type="text"
                                />
                            </el-form-item>
                        </el-col>
                                                <el-col :span="6">
                            <el-form-item label="创建者">
                                <el-input
                                        v-model="pageData.create_by"
                                        placeholder="创建者"
                                        maxlength="255"
                                        auto-complete="off"
                                        type="text"
                                />
                            </el-form-item>
                        </el-col>
                                                <el-col :span="6">
                            <el-form-item label="更新者">
                                <el-input
                                        v-model="pageData.update_by"
                                        placeholder="更新者"
                                        maxlength="255"
                                        auto-complete="off"
                                        type="text"
                                />
                            </el-form-item>
                        </el-col>
                                                <el-col :span="6">
                            <el-form-item label="更新时间">
                                <el-input
                                        v-model="pageData.update_time"
                                        placeholder="更新时间"
                                        maxlength="255"
                                        auto-complete="off"
                                        type="text"
                                />
                            </el-form-item>
                        </el-col>
                                                <el-col :span="6">
                            <el-form-item label="备注">
                                <el-input
                                        v-model="pageData.remark"
                                        placeholder="备注"
                                        maxlength="255"
                                        auto-complete="off"
                                        type="text"
                                />
                            </el-form-item>
                        </el-col>
                                                <el-col :span="6">
                            <el-form-item label="事件开始时间">
                                <el-input
                                        v-model="pageData.event_create_time"
                                        placeholder="事件开始时间"
                                        maxlength="255"
                                        auto-complete="off"
                                        type="text"
                                />
                            </el-form-item>
                        </el-col>
                                                <el-col :span="6">
                            <el-form-item label="事件间结束时间">
                                <el-input
                                        v-model="pageData.event_complete_time"
                                        placeholder="事件间结束时间"
                                        maxlength="255"
                                        auto-complete="off"
                                        type="text"
                                />
                            </el-form-item>
                        </el-col>
                                                <el-col :span="6">
                            <el-form-item label="事件提醒">
                                <el-input
                                        v-model="pageData.event_reminder"
                                        placeholder="事件提醒"
                                        maxlength="255"
                                        auto-complete="off"
                                        type="text"
                                />
                            </el-form-item>
                        </el-col>
                                                <el-col :span="6">
                            <el-form-item label="事件优先级">
                                <el-input
                                        v-model="pageData.event_priority"
                                        placeholder="事件优先级"
                                        maxlength="255"
                                        auto-complete="off"
                                        type="text"
                                />
                            </el-form-item>
                        </el-col>
                                                <el-col :span="6">
                            <el-form-item label="事件标签">
                                <el-input
                                        v-model="pageData.event_label"
                                        placeholder="事件标签"
                                        maxlength="255"
                                        auto-complete="off"
                                        type="text"
                                />
                            </el-form-item>
                        </el-col>
                                                <el-col :span="6">
                            <el-form-item label="显示顺序">
                                <el-input
                                        v-model="pageData.order_by"
                                        placeholder="显示顺序"
                                        maxlength="255"
                                        auto-complete="off"
                                        type="text"
                                />
                            </el-form-item>
                        </el-col>
                                                <el-col :span="6">
                            <el-form-item label="事件提醒状态，是否提醒">
                                <el-input
                                        v-model="pageData.event_reminder_status"
                                        placeholder="事件提醒状态，是否提醒"
                                        maxlength="255"
                                        auto-complete="off"
                                        type="text"
                                />
                            </el-form-item>
                        </el-col>
                                                <el-col :span="6">
                            <el-form-item label="事件状态，是否关闭">
                                <el-input
                                        v-model="pageData.event_sys_status"
                                        placeholder="事件状态，是否关闭"
                                        maxlength="255"
                                        auto-complete="off"
                                        type="text"
                                />
                            </el-form-item>
                        </el-col>
                                                <el-col :span="6">
                            <el-form-item label="事件热度（浏览量）">
                                <el-input
                                        v-model="pageData.event_index"
                                        placeholder="事件热度（浏览量）"
                                        maxlength="255"
                                        auto-complete="off"
                                        type="text"
                                />
                            </el-form-item>
                        </el-col>
                                                <el-col :span="6">
                            <el-form-item label="视频">
                                <el-input
                                        v-model="pageData.event_video"
                                        placeholder="视频"
                                        maxlength="255"
                                        auto-complete="off"
                                        type="text"
                                />
                            </el-form-item>
                        </el-col>
                                                <el-col :span="6">
                            <el-form-item label="关注者">
                                <el-input
                                        v-model="pageData.event_followers"
                                        placeholder="关注者"
                                        maxlength="255"
                                        auto-complete="off"
                                        type="text"
                                />
                            </el-form-item>
                        </el-col>
                                                <el-col :span="6">
                            <el-form-item label="事件属性">
                                <el-input
                                        v-model="pageData.event_properties"
                                        placeholder="事件属性"
                                        maxlength="255"
                                        auto-complete="off"
                                        type="text"
                                />
                            </el-form-item>
                        </el-col>
                                                <el-col :span="6">
                            <el-form-item label="事件性质">
                                <el-input
                                        v-model="pageData.event_nature"
                                        placeholder="事件性质"
                                        maxlength="255"
                                        auto-complete="off"
                                        type="text"
                                />
                            </el-form-item>
                        </el-col>
                                                <el-col :span="6">
                            <el-form-item label="角色（我是当事人/我是旁观者）">
                                <el-input
                                        v-model="pageData.event_role"
                                        placeholder="角色（我是当事人/我是旁观者）"
                                        maxlength="255"
                                        auto-complete="off"
                                        type="text"
                                />
                            </el-form-item>
                        </el-col>
                                                <el-col :span="6">
                            <el-form-item label="置顶（是否置顶）">
                                <el-input
                                        v-model="pageData.event_top"
                                        placeholder="置顶（是否置顶）"
                                        maxlength="255"
                                        auto-complete="off"
                                        type="text"
                                />
                            </el-form-item>
                        </el-col>
                                                <el-col :span="6">
                            <el-form-item label="行政区划代码">
                                <el-input
                                        v-model="pageData.event_adcode"
                                        placeholder="行政区划代码"
                                        maxlength="255"
                                        auto-complete="off"
                                        type="text"
                                />
                            </el-form-item>
                        </el-col>
                                                <el-col :span="6">
                            <el-form-item label="区域类型(距离,本地,全国)">
                                <el-input
                                        v-model="pageData.event_area_type"
                                        placeholder="区域类型(距离,本地,全国)"
                                        maxlength="255"
                                        auto-complete="off"
                                        type="text"
                                />
                            </el-form-item>
                        </el-col>
                                                <el-col :span="6">
                            <el-form-item label="是否审核">
                                <el-input
                                        v-model="pageData.auditing_type"
                                        placeholder="是否审核"
                                        maxlength="255"
                                        auto-complete="off"
                                        type="text"
                                />
                            </el-form-item>
                        </el-col>
                                                <el-col :span="6">
                            <el-form-item label="是否完成">
                                <el-input
                                        v-model="pageData.complete_type"
                                        placeholder="是否完成"
                                        maxlength="255"
                                        auto-complete="off"
                                        type="text"
                                />
                            </el-form-item>
                        </el-col>
                                                <el-col :span="6">
                            <el-form-item label="志愿者id">
                                <el-input
                                        v-model="pageData.volunteer_id"
                                        placeholder="志愿者id"
                                        maxlength="255"
                                        auto-complete="off"
                                        type="text"
                                />
                            </el-form-item>
                        </el-col>
                                                <el-col :span="6" style="float:right;">
                            <div class="platform-content-search-op-more">
                                <el-button
                                        size="small"
                                        @click="doReSearch"
                                >
                                    重 置
                                </el-button>
                                <el-button
                                        size="small"
                                        type="primary"
                                        @click="doSearch"
                                >
                                    查 询
                                </el-button>
                            </div>
                        </el-col>
                    </el-row>
                </el-form>
            </el-row>
            <div class="platform-content-list">
                <div class="platform-content-list-table">
                    <el-table
                            v-loading="listLoading"
                            :data="listData"
                            stripe
                            @sort-change="doPageSort"
                    >
                                                    <el-table-column
                                    prop="event_title"
                                    label="信息标题"
                                    sortable
                            />
                                                    <el-table-column
                                    prop="event_type"
                                    label="信息分类(自然灾害、求救、求助)"
                                    sortable
                            />
                                                    <el-table-column
                                    prop="event_status"
                                    label="信息状态(待接单订单,待协助订单,已完成订单,售后/取消订单,全部订单,订单提醒)"
                                    sortable
                            />
                                                    <el-table-column
                                    prop="event_phone"
                                    label="信息发布手机号"
                                    sortable
                            />
                                                    <el-table-column
                                    prop="event_content_type"
                                    label="信息类型"
                                    sortable
                            />
                                                    <el-table-column
                                    prop="event_province"
                                    label="信息发布所在省份"
                                    sortable
                            />
                                                    <el-table-column
                                    prop="event_city"
                                    label="信息发布所在城市"
                                    sortable
                            />
                                                    <el-table-column
                                    prop="event_district"
                                    label="信息发布所在区县"
                                    sortable
                            />
                                                    <el-table-column
                                    prop="event_street"
                                    label="信息发布所在乡镇"
                                    sortable
                            />
                                                    <el-table-column
                                    prop="event_address"
                                    label="信息发布的详细地址"
                                    sortable
                            />
                                                    <el-table-column
                                    prop="create_time"
                                    label="信息发布的时间"
                                    sortable
                            />
                                                    <el-table-column
                                    prop="msgaudit_pass_time"
                                    label="信息审核通过时间"
                                    sortable
                            />
                                                    <el-table-column
                                    prop="volunteer_ordertime"
                                    label="志愿者接单时间"
                                    sortable
                            />
                                                    <el-table-column
                                    prop="volunteer_whether_help"
                                    label="志愿者是否提供帮助"
                                    sortable
                            />
                                                    <el-table-column
                                    prop="special_requirement"
                                    label="特殊需求"
                                    sortable
                            />
                                                    <el-table-column
                                    prop="event_nickname"
                                    label="发布者微信昵称"
                                    sortable
                            />
                                                    <el-table-column
                                    prop="event_sex"
                                    label="信息发布者性别"
                                    sortable
                            />
                                                    <el-table-column
                                    prop="longitude"
                                    label="定位经度"
                                    sortable
                            />
                                                    <el-table-column
                                    prop="latitude"
                                    label="定位纬度"
                                    sortable
                            />
                                                    <el-table-column
                                    prop="volunteer_name"
                                    label="志愿者姓名"
                                    sortable
                            />
                                                    <el-table-column
                                    prop="volunteer_sex"
                                    label="志愿者性别"
                                    sortable
                            />
                                                    <el-table-column
                                    prop="volunteer_phone"
                                    label="志愿者手机号"
                                    sortable
                            />
                                                    <el-table-column
                                    prop="volunteer_year"
                                    label="志愿者出生年份"
                                    sortable
                            />
                                                    <el-table-column
                                    prop="volunteer_complete_num"
                                    label="志愿者完成求助的数量"
                                    sortable
                            />
                                                    <el-table-column
                                    prop="openid"
                                    label="事件发起人id"
                                    sortable
                            />
                                                    <el-table-column
                                    prop="user_name"
                                    label="事件发起人姓名"
                                    sortable
                            />
                                                    <el-table-column
                                    prop="event_content"
                                    label="事件内容详情"
                                    sortable
                            />
                                                    <el-table-column
                                    prop="event_pic_url"
                                    label="图片"
                                    sortable
                            />
                                                    <el-table-column
                                    prop="create_by"
                                    label="创建者"
                                    sortable
                            />
                                                    <el-table-column
                                    prop="update_by"
                                    label="更新者"
                                    sortable
                            />
                                                    <el-table-column
                                    prop="update_time"
                                    label="更新时间"
                                    sortable
                            />
                                                    <el-table-column
                                    prop="remark"
                                    label="备注"
                                    sortable
                            />
                                                    <el-table-column
                                    prop="event_create_time"
                                    label="事件开始时间"
                                    sortable
                            />
                                                    <el-table-column
                                    prop="event_complete_time"
                                    label="事件间结束时间"
                                    sortable
                            />
                                                    <el-table-column
                                    prop="event_reminder"
                                    label="事件提醒"
                                    sortable
                            />
                                                    <el-table-column
                                    prop="event_priority"
                                    label="事件优先级"
                                    sortable
                            />
                                                    <el-table-column
                                    prop="event_label"
                                    label="事件标签"
                                    sortable
                            />
                                                    <el-table-column
                                    prop="order_by"
                                    label="显示顺序"
                                    sortable
                            />
                                                    <el-table-column
                                    prop="event_reminder_status"
                                    label="事件提醒状态，是否提醒"
                                    sortable
                            />
                                                    <el-table-column
                                    prop="event_sys_status"
                                    label="事件状态，是否关闭"
                                    sortable
                            />
                                                    <el-table-column
                                    prop="event_index"
                                    label="事件热度（浏览量）"
                                    sortable
                            />
                                                    <el-table-column
                                    prop="event_video"
                                    label="视频"
                                    sortable
                            />
                                                    <el-table-column
                                    prop="event_followers"
                                    label="关注者"
                                    sortable
                            />
                                                    <el-table-column
                                    prop="event_properties"
                                    label="事件属性"
                                    sortable
                            />
                                                    <el-table-column
                                    prop="event_nature"
                                    label="事件性质"
                                    sortable
                            />
                                                    <el-table-column
                                    prop="event_role"
                                    label="角色（我是当事人/我是旁观者）"
                                    sortable
                            />
                                                    <el-table-column
                                    prop="event_top"
                                    label="置顶（是否置顶）"
                                    sortable
                            />
                                                    <el-table-column
                                    prop="event_adcode"
                                    label="行政区划代码"
                                    sortable
                            />
                                                    <el-table-column
                                    prop="event_area_type"
                                    label="区域类型(距离,本地,全国)"
                                    sortable
                            />
                                                    <el-table-column
                                    prop="auditing_type"
                                    label="是否审核"
                                    sortable
                            />
                                                    <el-table-column
                                    prop="complete_type"
                                    label="是否完成"
                                    sortable
                            />
                                                    <el-table-column
                                    prop="volunteer_id"
                                    label="志愿者id"
                                    sortable
                            />
                                                <el-table-column
                                fixed="right"
                                header-align="center"
                                align="center"
                                label="操作"
                                width="180"
                        >
                            <template slot-scope="scope">
                                <el-button
                                        v-permission="'wxprogram.event'"
                                        type="text"
                                        size="small"
                                        @click.native.prevent="openShow(scope.row)"
                                >
                                    详情
                                </el-button>
                                <el-button
                                        v-permission="'wxprogram.event.update'"
                                        type="text"
                                        size="small"
                                        @click.native.prevent="openUpdate(scope.row)"
                                >
                                    修改
                                </el-button>
                                <el-button
                                        v-permission="'wxprogram.event.delete'"
                                        type="text"
                                        size="small"
                                        class="button-delete-color"
                                        @click.native.prevent="openDelete(scope.row)"
                                >
                                    删除
                                </el-button>
                            </template>
                        </el-table-column>
                    </el-table>
                </div>
                <div class="platform-content-list-pagination">
                    <el-pagination
                            :current-page="pageData.pageNo"
                            :page-size="pageData.pageSize"
                            :total="pageData.totalCount"
                            class="platform-pagenation"
                            background
                            :page-sizes="[10, 20, 30, 50]"
                            layout="sizes, prev, pager, next"
                            @current-change="doChangePage"
                            @size-change="doSizeChange"
                    />
                </div>
            </div>
        </div>

        <el-dialog
                title="新建"
                :visible.sync="createDialogVisible"
                :close-on-click-modal="false"
                width="50%"
        >
            <el-form
                    ref="createForm"
                    :model="formData"
                    :rules="formRules"
                    size="small"
                    label-width="120px"
            >
                                    <el-form-item
                            prop="event_title"
                            label="信息标题"
                    >
                        <el-input
                                v-model="formData.event_title"
                                maxlength="100"
                                placeholder="信息标题"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="event_type"
                            label="信息分类(自然灾害、求救、求助)"
                    >
                        <el-input
                                v-model="formData.event_type"
                                maxlength="100"
                                placeholder="信息分类(自然灾害、求救、求助)"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="event_status"
                            label="信息状态(待接单订单,待协助订单,已完成订单,售后/取消订单,全部订单,订单提醒)"
                    >
                        <el-input
                                v-model="formData.event_status"
                                maxlength="100"
                                placeholder="信息状态(待接单订单,待协助订单,已完成订单,售后/取消订单,全部订单,订单提醒)"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="event_phone"
                            label="信息发布手机号"
                    >
                        <el-input
                                v-model="formData.event_phone"
                                maxlength="100"
                                placeholder="信息发布手机号"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="event_content_type"
                            label="信息类型"
                    >
                        <el-input
                                v-model="formData.event_content_type"
                                maxlength="100"
                                placeholder="信息类型"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="event_province"
                            label="信息发布所在省份"
                    >
                        <el-input
                                v-model="formData.event_province"
                                maxlength="100"
                                placeholder="信息发布所在省份"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="event_city"
                            label="信息发布所在城市"
                    >
                        <el-input
                                v-model="formData.event_city"
                                maxlength="100"
                                placeholder="信息发布所在城市"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="event_district"
                            label="信息发布所在区县"
                    >
                        <el-input
                                v-model="formData.event_district"
                                maxlength="100"
                                placeholder="信息发布所在区县"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="event_street"
                            label="信息发布所在乡镇"
                    >
                        <el-input
                                v-model="formData.event_street"
                                maxlength="100"
                                placeholder="信息发布所在乡镇"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="event_address"
                            label="信息发布的详细地址"
                    >
                        <el-input
                                v-model="formData.event_address"
                                maxlength="100"
                                placeholder="信息发布的详细地址"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="create_time"
                            label="信息发布的时间"
                    >
                        <el-input
                                v-model="formData.create_time"
                                maxlength="100"
                                placeholder="信息发布的时间"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="msgaudit_pass_time"
                            label="信息审核通过时间"
                    >
                        <el-input
                                v-model="formData.msgaudit_pass_time"
                                maxlength="100"
                                placeholder="信息审核通过时间"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="volunteer_ordertime"
                            label="志愿者接单时间"
                    >
                        <el-input
                                v-model="formData.volunteer_ordertime"
                                maxlength="100"
                                placeholder="志愿者接单时间"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="volunteer_whether_help"
                            label="志愿者是否提供帮助"
                    >
                        <el-input
                                v-model="formData.volunteer_whether_help"
                                maxlength="100"
                                placeholder="志愿者是否提供帮助"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="special_requirement"
                            label="特殊需求"
                    >
                        <el-input
                                v-model="formData.special_requirement"
                                maxlength="100"
                                placeholder="特殊需求"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="event_nickname"
                            label="发布者微信昵称"
                    >
                        <el-input
                                v-model="formData.event_nickname"
                                maxlength="100"
                                placeholder="发布者微信昵称"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="event_sex"
                            label="信息发布者性别"
                    >
                        <el-input
                                v-model="formData.event_sex"
                                maxlength="100"
                                placeholder="信息发布者性别"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="longitude"
                            label="定位经度"
                    >
                        <el-input
                                v-model="formData.longitude"
                                maxlength="100"
                                placeholder="定位经度"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="latitude"
                            label="定位纬度"
                    >
                        <el-input
                                v-model="formData.latitude"
                                maxlength="100"
                                placeholder="定位纬度"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="volunteer_name"
                            label="志愿者姓名"
                    >
                        <el-input
                                v-model="formData.volunteer_name"
                                maxlength="100"
                                placeholder="志愿者姓名"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="volunteer_sex"
                            label="志愿者性别"
                    >
                        <el-input
                                v-model="formData.volunteer_sex"
                                maxlength="100"
                                placeholder="志愿者性别"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="volunteer_phone"
                            label="志愿者手机号"
                    >
                        <el-input
                                v-model="formData.volunteer_phone"
                                maxlength="100"
                                placeholder="志愿者手机号"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="volunteer_year"
                            label="志愿者出生年份"
                    >
                        <el-input
                                v-model="formData.volunteer_year"
                                maxlength="100"
                                placeholder="志愿者出生年份"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="volunteer_complete_num"
                            label="志愿者完成求助的数量"
                    >
                        <el-input
                                v-model="formData.volunteer_complete_num"
                                maxlength="100"
                                placeholder="志愿者完成求助的数量"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="openid"
                            label="事件发起人id"
                    >
                        <el-input
                                v-model="formData.openid"
                                maxlength="100"
                                placeholder="事件发起人id"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="user_name"
                            label="事件发起人姓名"
                    >
                        <el-input
                                v-model="formData.user_name"
                                maxlength="100"
                                placeholder="事件发起人姓名"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="event_content"
                            label="事件内容详情"
                    >
                        <el-input
                                v-model="formData.event_content"
                                maxlength="100"
                                placeholder="事件内容详情"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="event_pic_url"
                            label="图片"
                    >
                        <el-input
                                v-model="formData.event_pic_url"
                                maxlength="100"
                                placeholder="图片"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="create_by"
                            label="创建者"
                    >
                        <el-input
                                v-model="formData.create_by"
                                maxlength="100"
                                placeholder="创建者"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="update_by"
                            label="更新者"
                    >
                        <el-input
                                v-model="formData.update_by"
                                maxlength="100"
                                placeholder="更新者"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="update_time"
                            label="更新时间"
                    >
                        <el-input
                                v-model="formData.update_time"
                                maxlength="100"
                                placeholder="更新时间"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="remark"
                            label="备注"
                    >
                        <el-input
                                v-model="formData.remark"
                                maxlength="100"
                                placeholder="备注"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="event_create_time"
                            label="事件开始时间"
                    >
                        <el-input
                                v-model="formData.event_create_time"
                                maxlength="100"
                                placeholder="事件开始时间"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="event_complete_time"
                            label="事件间结束时间"
                    >
                        <el-input
                                v-model="formData.event_complete_time"
                                maxlength="100"
                                placeholder="事件间结束时间"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="event_reminder"
                            label="事件提醒"
                    >
                        <el-input
                                v-model="formData.event_reminder"
                                maxlength="100"
                                placeholder="事件提醒"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="event_priority"
                            label="事件优先级"
                    >
                        <el-input
                                v-model="formData.event_priority"
                                maxlength="100"
                                placeholder="事件优先级"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="event_label"
                            label="事件标签"
                    >
                        <el-input
                                v-model="formData.event_label"
                                maxlength="100"
                                placeholder="事件标签"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="order_by"
                            label="显示顺序"
                    >
                        <el-input
                                v-model="formData.order_by"
                                maxlength="100"
                                placeholder="显示顺序"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="event_reminder_status"
                            label="事件提醒状态，是否提醒"
                    >
                        <el-input
                                v-model="formData.event_reminder_status"
                                maxlength="100"
                                placeholder="事件提醒状态，是否提醒"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="event_sys_status"
                            label="事件状态，是否关闭"
                    >
                        <el-input
                                v-model="formData.event_sys_status"
                                maxlength="100"
                                placeholder="事件状态，是否关闭"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="event_index"
                            label="事件热度（浏览量）"
                    >
                        <el-input
                                v-model="formData.event_index"
                                maxlength="100"
                                placeholder="事件热度（浏览量）"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="event_video"
                            label="视频"
                    >
                        <el-input
                                v-model="formData.event_video"
                                maxlength="100"
                                placeholder="视频"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="event_followers"
                            label="关注者"
                    >
                        <el-input
                                v-model="formData.event_followers"
                                maxlength="100"
                                placeholder="关注者"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="event_properties"
                            label="事件属性"
                    >
                        <el-input
                                v-model="formData.event_properties"
                                maxlength="100"
                                placeholder="事件属性"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="event_nature"
                            label="事件性质"
                    >
                        <el-input
                                v-model="formData.event_nature"
                                maxlength="100"
                                placeholder="事件性质"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="event_role"
                            label="角色（我是当事人/我是旁观者）"
                    >
                        <el-input
                                v-model="formData.event_role"
                                maxlength="100"
                                placeholder="角色（我是当事人/我是旁观者）"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="event_top"
                            label="置顶（是否置顶）"
                    >
                        <el-input
                                v-model="formData.event_top"
                                maxlength="100"
                                placeholder="置顶（是否置顶）"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="event_adcode"
                            label="行政区划代码"
                    >
                        <el-input
                                v-model="formData.event_adcode"
                                maxlength="100"
                                placeholder="行政区划代码"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="event_area_type"
                            label="区域类型(距离,本地,全国)"
                    >
                        <el-input
                                v-model="formData.event_area_type"
                                maxlength="100"
                                placeholder="区域类型(距离,本地,全国)"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="auditing_type"
                            label="是否审核"
                    >
                        <el-input
                                v-model="formData.auditing_type"
                                maxlength="100"
                                placeholder="是否审核"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="complete_type"
                            label="是否完成"
                    >
                        <el-input
                                v-model="formData.complete_type"
                                maxlength="100"
                                placeholder="是否完成"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="volunteer_id"
                            label="志愿者id"
                    >
                        <el-input
                                v-model="formData.volunteer_id"
                                maxlength="100"
                                placeholder="志愿者id"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                            </el-form>
            <span slot="footer" class="dialog-footer">
        <el-button size="small" @click="createDialogVisible = false">取 消</el-button>
        <el-button
                size="small"
                type="primary"
                :loading="btnLoading"
                @click="doCreate"
        >确 定</el-button>
      </span>
        </el-dialog>
        <el-dialog
                title="查看详情"
                :visible.sync="showDialogVisible"
                :close-on-click-modal="false"
                width="50%"
        >
            <el-descriptions class="margin-top" colon="false" direction="horizontal" :column="1" :size="size" border="false">
                                    <el-descriptions-item>
                        <template slot="label">
                            信息标题
                        </template>
                        {{formData.event_title}}
                    </el-descriptions-item>
                                    <el-descriptions-item>
                        <template slot="label">
                            信息分类(自然灾害、求救、求助)
                        </template>
                        {{formData.event_type}}
                    </el-descriptions-item>
                                    <el-descriptions-item>
                        <template slot="label">
                            信息状态(待接单订单,待协助订单,已完成订单,售后/取消订单,全部订单,订单提醒)
                        </template>
                        {{formData.event_status}}
                    </el-descriptions-item>
                                    <el-descriptions-item>
                        <template slot="label">
                            信息发布手机号
                        </template>
                        {{formData.event_phone}}
                    </el-descriptions-item>
                                    <el-descriptions-item>
                        <template slot="label">
                            信息类型
                        </template>
                        {{formData.event_content_type}}
                    </el-descriptions-item>
                                    <el-descriptions-item>
                        <template slot="label">
                            信息发布所在省份
                        </template>
                        {{formData.event_province}}
                    </el-descriptions-item>
                                    <el-descriptions-item>
                        <template slot="label">
                            信息发布所在城市
                        </template>
                        {{formData.event_city}}
                    </el-descriptions-item>
                                    <el-descriptions-item>
                        <template slot="label">
                            信息发布所在区县
                        </template>
                        {{formData.event_district}}
                    </el-descriptions-item>
                                    <el-descriptions-item>
                        <template slot="label">
                            信息发布所在乡镇
                        </template>
                        {{formData.event_street}}
                    </el-descriptions-item>
                                    <el-descriptions-item>
                        <template slot="label">
                            信息发布的详细地址
                        </template>
                        {{formData.event_address}}
                    </el-descriptions-item>
                                    <el-descriptions-item>
                        <template slot="label">
                            信息发布的时间
                        </template>
                        {{formData.create_time}}
                    </el-descriptions-item>
                                    <el-descriptions-item>
                        <template slot="label">
                            信息审核通过时间
                        </template>
                        {{formData.msgaudit_pass_time}}
                    </el-descriptions-item>
                                    <el-descriptions-item>
                        <template slot="label">
                            志愿者接单时间
                        </template>
                        {{formData.volunteer_ordertime}}
                    </el-descriptions-item>
                                    <el-descriptions-item>
                        <template slot="label">
                            志愿者是否提供帮助
                        </template>
                        {{formData.volunteer_whether_help}}
                    </el-descriptions-item>
                                    <el-descriptions-item>
                        <template slot="label">
                            特殊需求
                        </template>
                        {{formData.special_requirement}}
                    </el-descriptions-item>
                                    <el-descriptions-item>
                        <template slot="label">
                            发布者微信昵称
                        </template>
                        {{formData.event_nickname}}
                    </el-descriptions-item>
                                    <el-descriptions-item>
                        <template slot="label">
                            信息发布者性别
                        </template>
                        {{formData.event_sex}}
                    </el-descriptions-item>
                                    <el-descriptions-item>
                        <template slot="label">
                            定位经度
                        </template>
                        {{formData.longitude}}
                    </el-descriptions-item>
                                    <el-descriptions-item>
                        <template slot="label">
                            定位纬度
                        </template>
                        {{formData.latitude}}
                    </el-descriptions-item>
                                    <el-descriptions-item>
                        <template slot="label">
                            志愿者姓名
                        </template>
                        {{formData.volunteer_name}}
                    </el-descriptions-item>
                                    <el-descriptions-item>
                        <template slot="label">
                            志愿者性别
                        </template>
                        {{formData.volunteer_sex}}
                    </el-descriptions-item>
                                    <el-descriptions-item>
                        <template slot="label">
                            志愿者手机号
                        </template>
                        {{formData.volunteer_phone}}
                    </el-descriptions-item>
                                    <el-descriptions-item>
                        <template slot="label">
                            志愿者出生年份
                        </template>
                        {{formData.volunteer_year}}
                    </el-descriptions-item>
                                    <el-descriptions-item>
                        <template slot="label">
                            志愿者完成求助的数量
                        </template>
                        {{formData.volunteer_complete_num}}
                    </el-descriptions-item>
                                    <el-descriptions-item>
                        <template slot="label">
                            事件发起人id
                        </template>
                        {{formData.openid}}
                    </el-descriptions-item>
                                    <el-descriptions-item>
                        <template slot="label">
                            事件发起人姓名
                        </template>
                        {{formData.user_name}}
                    </el-descriptions-item>
                                    <el-descriptions-item>
                        <template slot="label">
                            事件内容详情
                        </template>
                        {{formData.event_content}}
                    </el-descriptions-item>
                                    <el-descriptions-item>
                        <template slot="label">
                            图片
                        </template>
                        {{formData.event_pic_url}}
                    </el-descriptions-item>
                                    <el-descriptions-item>
                        <template slot="label">
                            创建者
                        </template>
                        {{formData.create_by}}
                    </el-descriptions-item>
                                    <el-descriptions-item>
                        <template slot="label">
                            更新者
                        </template>
                        {{formData.update_by}}
                    </el-descriptions-item>
                                    <el-descriptions-item>
                        <template slot="label">
                            更新时间
                        </template>
                        {{formData.update_time}}
                    </el-descriptions-item>
                                    <el-descriptions-item>
                        <template slot="label">
                            备注
                        </template>
                        {{formData.remark}}
                    </el-descriptions-item>
                                    <el-descriptions-item>
                        <template slot="label">
                            事件开始时间
                        </template>
                        {{formData.event_create_time}}
                    </el-descriptions-item>
                                    <el-descriptions-item>
                        <template slot="label">
                            事件间结束时间
                        </template>
                        {{formData.event_complete_time}}
                    </el-descriptions-item>
                                    <el-descriptions-item>
                        <template slot="label">
                            事件提醒
                        </template>
                        {{formData.event_reminder}}
                    </el-descriptions-item>
                                    <el-descriptions-item>
                        <template slot="label">
                            事件优先级
                        </template>
                        {{formData.event_priority}}
                    </el-descriptions-item>
                                    <el-descriptions-item>
                        <template slot="label">
                            事件标签
                        </template>
                        {{formData.event_label}}
                    </el-descriptions-item>
                                    <el-descriptions-item>
                        <template slot="label">
                            显示顺序
                        </template>
                        {{formData.order_by}}
                    </el-descriptions-item>
                                    <el-descriptions-item>
                        <template slot="label">
                            事件提醒状态，是否提醒
                        </template>
                        {{formData.event_reminder_status}}
                    </el-descriptions-item>
                                    <el-descriptions-item>
                        <template slot="label">
                            事件状态，是否关闭
                        </template>
                        {{formData.event_sys_status}}
                    </el-descriptions-item>
                                    <el-descriptions-item>
                        <template slot="label">
                            事件热度（浏览量）
                        </template>
                        {{formData.event_index}}
                    </el-descriptions-item>
                                    <el-descriptions-item>
                        <template slot="label">
                            视频
                        </template>
                        {{formData.event_video}}
                    </el-descriptions-item>
                                    <el-descriptions-item>
                        <template slot="label">
                            关注者
                        </template>
                        {{formData.event_followers}}
                    </el-descriptions-item>
                                    <el-descriptions-item>
                        <template slot="label">
                            事件属性
                        </template>
                        {{formData.event_properties}}
                    </el-descriptions-item>
                                    <el-descriptions-item>
                        <template slot="label">
                            事件性质
                        </template>
                        {{formData.event_nature}}
                    </el-descriptions-item>
                                    <el-descriptions-item>
                        <template slot="label">
                            角色（我是当事人/我是旁观者）
                        </template>
                        {{formData.event_role}}
                    </el-descriptions-item>
                                    <el-descriptions-item>
                        <template slot="label">
                            置顶（是否置顶）
                        </template>
                        {{formData.event_top}}
                    </el-descriptions-item>
                                    <el-descriptions-item>
                        <template slot="label">
                            行政区划代码
                        </template>
                        {{formData.event_adcode}}
                    </el-descriptions-item>
                                    <el-descriptions-item>
                        <template slot="label">
                            区域类型(距离,本地,全国)
                        </template>
                        {{formData.event_area_type}}
                    </el-descriptions-item>
                                    <el-descriptions-item>
                        <template slot="label">
                            是否审核
                        </template>
                        {{formData.auditing_type}}
                    </el-descriptions-item>
                                    <el-descriptions-item>
                        <template slot="label">
                            是否完成
                        </template>
                        {{formData.complete_type}}
                    </el-descriptions-item>
                                    <el-descriptions-item>
                        <template slot="label">
                            志愿者id
                        </template>
                        {{formData.volunteer_id}}
                    </el-descriptions-item>
                            </el-descriptions>
            <span slot="footer" class="dialog-footer">
        <el-button size="small" type="primary" @click="showDialogVisible = false">关 闭</el-button>
      </span>
        </el-dialog>
        <el-dialog
                title="修改分类"
                :visible.sync="updateDialogVisible"
                :close-on-click-modal="false"
                width="50%"
        >
            <el-form
                    ref="updateForm"
                    :model="formData"
                    :rules="formRules"
                    size="small"
                    label-width="120px"
            >
                                    <el-form-item
                            prop="event_title"
                            label="信息标题"
                    >
                        <el-input
                                v-model="formData.event_title"
                                maxlength="100"
                                placeholder="信息标题"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="event_type"
                            label="信息分类(自然灾害、求救、求助)"
                    >
                        <el-input
                                v-model="formData.event_type"
                                maxlength="100"
                                placeholder="信息分类(自然灾害、求救、求助)"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="event_status"
                            label="信息状态(待接单订单,待协助订单,已完成订单,售后/取消订单,全部订单,订单提醒)"
                    >
                        <el-input
                                v-model="formData.event_status"
                                maxlength="100"
                                placeholder="信息状态(待接单订单,待协助订单,已完成订单,售后/取消订单,全部订单,订单提醒)"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="event_phone"
                            label="信息发布手机号"
                    >
                        <el-input
                                v-model="formData.event_phone"
                                maxlength="100"
                                placeholder="信息发布手机号"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="event_content_type"
                            label="信息类型"
                    >
                        <el-input
                                v-model="formData.event_content_type"
                                maxlength="100"
                                placeholder="信息类型"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="event_province"
                            label="信息发布所在省份"
                    >
                        <el-input
                                v-model="formData.event_province"
                                maxlength="100"
                                placeholder="信息发布所在省份"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="event_city"
                            label="信息发布所在城市"
                    >
                        <el-input
                                v-model="formData.event_city"
                                maxlength="100"
                                placeholder="信息发布所在城市"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="event_district"
                            label="信息发布所在区县"
                    >
                        <el-input
                                v-model="formData.event_district"
                                maxlength="100"
                                placeholder="信息发布所在区县"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="event_street"
                            label="信息发布所在乡镇"
                    >
                        <el-input
                                v-model="formData.event_street"
                                maxlength="100"
                                placeholder="信息发布所在乡镇"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="event_address"
                            label="信息发布的详细地址"
                    >
                        <el-input
                                v-model="formData.event_address"
                                maxlength="100"
                                placeholder="信息发布的详细地址"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="create_time"
                            label="信息发布的时间"
                    >
                        <el-input
                                v-model="formData.create_time"
                                maxlength="100"
                                placeholder="信息发布的时间"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="msgaudit_pass_time"
                            label="信息审核通过时间"
                    >
                        <el-input
                                v-model="formData.msgaudit_pass_time"
                                maxlength="100"
                                placeholder="信息审核通过时间"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="volunteer_ordertime"
                            label="志愿者接单时间"
                    >
                        <el-input
                                v-model="formData.volunteer_ordertime"
                                maxlength="100"
                                placeholder="志愿者接单时间"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="volunteer_whether_help"
                            label="志愿者是否提供帮助"
                    >
                        <el-input
                                v-model="formData.volunteer_whether_help"
                                maxlength="100"
                                placeholder="志愿者是否提供帮助"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="special_requirement"
                            label="特殊需求"
                    >
                        <el-input
                                v-model="formData.special_requirement"
                                maxlength="100"
                                placeholder="特殊需求"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="event_nickname"
                            label="发布者微信昵称"
                    >
                        <el-input
                                v-model="formData.event_nickname"
                                maxlength="100"
                                placeholder="发布者微信昵称"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="event_sex"
                            label="信息发布者性别"
                    >
                        <el-input
                                v-model="formData.event_sex"
                                maxlength="100"
                                placeholder="信息发布者性别"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="longitude"
                            label="定位经度"
                    >
                        <el-input
                                v-model="formData.longitude"
                                maxlength="100"
                                placeholder="定位经度"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="latitude"
                            label="定位纬度"
                    >
                        <el-input
                                v-model="formData.latitude"
                                maxlength="100"
                                placeholder="定位纬度"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="volunteer_name"
                            label="志愿者姓名"
                    >
                        <el-input
                                v-model="formData.volunteer_name"
                                maxlength="100"
                                placeholder="志愿者姓名"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="volunteer_sex"
                            label="志愿者性别"
                    >
                        <el-input
                                v-model="formData.volunteer_sex"
                                maxlength="100"
                                placeholder="志愿者性别"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="volunteer_phone"
                            label="志愿者手机号"
                    >
                        <el-input
                                v-model="formData.volunteer_phone"
                                maxlength="100"
                                placeholder="志愿者手机号"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="volunteer_year"
                            label="志愿者出生年份"
                    >
                        <el-input
                                v-model="formData.volunteer_year"
                                maxlength="100"
                                placeholder="志愿者出生年份"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="volunteer_complete_num"
                            label="志愿者完成求助的数量"
                    >
                        <el-input
                                v-model="formData.volunteer_complete_num"
                                maxlength="100"
                                placeholder="志愿者完成求助的数量"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="openid"
                            label="事件发起人id"
                    >
                        <el-input
                                v-model="formData.openid"
                                maxlength="100"
                                placeholder="事件发起人id"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="user_name"
                            label="事件发起人姓名"
                    >
                        <el-input
                                v-model="formData.user_name"
                                maxlength="100"
                                placeholder="事件发起人姓名"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="event_content"
                            label="事件内容详情"
                    >
                        <el-input
                                v-model="formData.event_content"
                                maxlength="100"
                                placeholder="事件内容详情"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="event_pic_url"
                            label="图片"
                    >
                        <el-input
                                v-model="formData.event_pic_url"
                                maxlength="100"
                                placeholder="图片"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="create_by"
                            label="创建者"
                    >
                        <el-input
                                v-model="formData.create_by"
                                maxlength="100"
                                placeholder="创建者"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="update_by"
                            label="更新者"
                    >
                        <el-input
                                v-model="formData.update_by"
                                maxlength="100"
                                placeholder="更新者"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="update_time"
                            label="更新时间"
                    >
                        <el-input
                                v-model="formData.update_time"
                                maxlength="100"
                                placeholder="更新时间"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="remark"
                            label="备注"
                    >
                        <el-input
                                v-model="formData.remark"
                                maxlength="100"
                                placeholder="备注"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="event_create_time"
                            label="事件开始时间"
                    >
                        <el-input
                                v-model="formData.event_create_time"
                                maxlength="100"
                                placeholder="事件开始时间"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="event_complete_time"
                            label="事件间结束时间"
                    >
                        <el-input
                                v-model="formData.event_complete_time"
                                maxlength="100"
                                placeholder="事件间结束时间"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="event_reminder"
                            label="事件提醒"
                    >
                        <el-input
                                v-model="formData.event_reminder"
                                maxlength="100"
                                placeholder="事件提醒"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="event_priority"
                            label="事件优先级"
                    >
                        <el-input
                                v-model="formData.event_priority"
                                maxlength="100"
                                placeholder="事件优先级"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="event_label"
                            label="事件标签"
                    >
                        <el-input
                                v-model="formData.event_label"
                                maxlength="100"
                                placeholder="事件标签"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="order_by"
                            label="显示顺序"
                    >
                        <el-input
                                v-model="formData.order_by"
                                maxlength="100"
                                placeholder="显示顺序"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="event_reminder_status"
                            label="事件提醒状态，是否提醒"
                    >
                        <el-input
                                v-model="formData.event_reminder_status"
                                maxlength="100"
                                placeholder="事件提醒状态，是否提醒"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="event_sys_status"
                            label="事件状态，是否关闭"
                    >
                        <el-input
                                v-model="formData.event_sys_status"
                                maxlength="100"
                                placeholder="事件状态，是否关闭"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="event_index"
                            label="事件热度（浏览量）"
                    >
                        <el-input
                                v-model="formData.event_index"
                                maxlength="100"
                                placeholder="事件热度（浏览量）"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="event_video"
                            label="视频"
                    >
                        <el-input
                                v-model="formData.event_video"
                                maxlength="100"
                                placeholder="视频"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="event_followers"
                            label="关注者"
                    >
                        <el-input
                                v-model="formData.event_followers"
                                maxlength="100"
                                placeholder="关注者"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="event_properties"
                            label="事件属性"
                    >
                        <el-input
                                v-model="formData.event_properties"
                                maxlength="100"
                                placeholder="事件属性"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="event_nature"
                            label="事件性质"
                    >
                        <el-input
                                v-model="formData.event_nature"
                                maxlength="100"
                                placeholder="事件性质"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="event_role"
                            label="角色（我是当事人/我是旁观者）"
                    >
                        <el-input
                                v-model="formData.event_role"
                                maxlength="100"
                                placeholder="角色（我是当事人/我是旁观者）"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="event_top"
                            label="置顶（是否置顶）"
                    >
                        <el-input
                                v-model="formData.event_top"
                                maxlength="100"
                                placeholder="置顶（是否置顶）"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="event_adcode"
                            label="行政区划代码"
                    >
                        <el-input
                                v-model="formData.event_adcode"
                                maxlength="100"
                                placeholder="行政区划代码"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="event_area_type"
                            label="区域类型(距离,本地,全国)"
                    >
                        <el-input
                                v-model="formData.event_area_type"
                                maxlength="100"
                                placeholder="区域类型(距离,本地,全国)"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="auditing_type"
                            label="是否审核"
                    >
                        <el-input
                                v-model="formData.auditing_type"
                                maxlength="100"
                                placeholder="是否审核"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="complete_type"
                            label="是否完成"
                    >
                        <el-input
                                v-model="formData.complete_type"
                                maxlength="100"
                                placeholder="是否完成"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                                    <el-form-item
                            prop="volunteer_id"
                            label="志愿者id"
                    >
                        <el-input
                                v-model="formData.volunteer_id"
                                maxlength="100"
                                placeholder="志愿者id"
                                auto-complete="off"
                                type="text"
                        />
                    </el-form-item>
                            </el-form>
            <span slot="footer" class="dialog-footer">
        <el-button size="small" @click="updateDialogVisible = false">取 消</el-button>
        <el-button
                size="small"
                type="primary"
                :loading="btnLoading"
                @click="doUpdate"
        >确 定</el-button>
      </span>
        </el-dialog>
    </div>
</template>

<script>
    import {
        API_WXPROGRAM_EVENT_LIST,
        API_WXPROGRAM_EVENT_CREATE,
        API_WXPROGRAM_EVENT_DELETE,
        API_WXPROGRAM_EVENT_UPDATE,
        API_WXPROGRAM_EVENT_GET
    } from '@/constant/api/wxprogram/event'
    export default {
        middleware: ['authenticated', 'check_permissions'],
        data() {
            return {
                loading: true,
                btnLoading: false,
                listLoading: false,
                createDialogVisible: false,
                updateDialogVisible: false,
                showDialogVisible: false,
                showSearch: false,
                listData: [],
                pageData: {
                    pageNo: 1,
                    pageSize: 10,
                    totalCount: 0,
                    pageOrderName: 'createdAt',
                    pageOrderBy: 'descending'
                },
                formData: {
                },
                editData: {
                }
            }
        },
        computed: {
            // 表单验证,写在computed里切换多语言才会更新
            formRules() {
                const formRules = {
                                                event_title: [
                            {
                                required: false,
                                message: '信息标题',
                                trigger: 'blur'
                            }
                        ],
                                                event_type: [
                            {
                                required: false,
                                message: '信息分类(自然灾害、求救、求助)',
                                trigger: 'blur'
                            }
                        ],
                                                event_status: [
                            {
                                required: false,
                                message: '信息状态(待接单订单,待协助订单,已完成订单,售后/取消订单,全部订单,订单提醒)',
                                trigger: 'blur'
                            }
                        ],
                                                event_phone: [
                            {
                                required: false,
                                message: '信息发布手机号',
                                trigger: 'blur'
                            }
                        ],
                                                event_content_type: [
                            {
                                required: false,
                                message: '信息类型',
                                trigger: 'blur'
                            }
                        ],
                                                event_province: [
                            {
                                required: false,
                                message: '信息发布所在省份',
                                trigger: 'blur'
                            }
                        ],
                                                event_city: [
                            {
                                required: false,
                                message: '信息发布所在城市',
                                trigger: 'blur'
                            }
                        ],
                                                event_district: [
                            {
                                required: false,
                                message: '信息发布所在区县',
                                trigger: 'blur'
                            }
                        ],
                                                event_street: [
                            {
                                required: false,
                                message: '信息发布所在乡镇',
                                trigger: 'blur'
                            }
                        ],
                                                event_address: [
                            {
                                required: false,
                                message: '信息发布的详细地址',
                                trigger: 'blur'
                            }
                        ],
                                                create_time: [
                            {
                                required: false,
                                message: '信息发布的时间',
                                trigger: 'blur'
                            }
                        ],
                                                msgaudit_pass_time: [
                            {
                                required: false,
                                message: '信息审核通过时间',
                                trigger: 'blur'
                            }
                        ],
                                                volunteer_ordertime: [
                            {
                                required: false,
                                message: '志愿者接单时间',
                                trigger: 'blur'
                            }
                        ],
                                                volunteer_whether_help: [
                            {
                                required: false,
                                message: '志愿者是否提供帮助',
                                trigger: 'blur'
                            }
                        ],
                                                special_requirement: [
                            {
                                required: false,
                                message: '特殊需求',
                                trigger: 'blur'
                            }
                        ],
                                                event_nickname: [
                            {
                                required: false,
                                message: '发布者微信昵称',
                                trigger: 'blur'
                            }
                        ],
                                                event_sex: [
                            {
                                required: false,
                                message: '信息发布者性别',
                                trigger: 'blur'
                            }
                        ],
                                                longitude: [
                            {
                                required: false,
                                message: '定位经度',
                                trigger: 'blur'
                            }
                        ],
                                                latitude: [
                            {
                                required: false,
                                message: '定位纬度',
                                trigger: 'blur'
                            }
                        ],
                                                volunteer_name: [
                            {
                                required: false,
                                message: '志愿者姓名',
                                trigger: 'blur'
                            }
                        ],
                                                volunteer_sex: [
                            {
                                required: false,
                                message: '志愿者性别',
                                trigger: 'blur'
                            }
                        ],
                                                volunteer_phone: [
                            {
                                required: false,
                                message: '志愿者手机号',
                                trigger: 'blur'
                            }
                        ],
                                                volunteer_year: [
                            {
                                required: false,
                                message: '志愿者出生年份',
                                trigger: 'blur'
                            }
                        ],
                                                volunteer_complete_num: [
                            {
                                required: false,
                                message: '志愿者完成求助的数量',
                                trigger: 'blur'
                            }
                        ],
                                                openid: [
                            {
                                required: false,
                                message: '事件发起人id',
                                trigger: 'blur'
                            }
                        ],
                                                user_name: [
                            {
                                required: false,
                                message: '事件发起人姓名',
                                trigger: 'blur'
                            }
                        ],
                                                event_content: [
                            {
                                required: false,
                                message: '事件内容详情',
                                trigger: 'blur'
                            }
                        ],
                                                event_pic_url: [
                            {
                                required: false,
                                message: '图片',
                                trigger: 'blur'
                            }
                        ],
                                                create_by: [
                            {
                                required: false,
                                message: '创建者',
                                trigger: 'blur'
                            }
                        ],
                                                update_by: [
                            {
                                required: false,
                                message: '更新者',
                                trigger: 'blur'
                            }
                        ],
                                                update_time: [
                            {
                                required: false,
                                message: '更新时间',
                                trigger: 'blur'
                            }
                        ],
                                                remark: [
                            {
                                required: false,
                                message: '备注',
                                trigger: 'blur'
                            }
                        ],
                                                event_create_time: [
                            {
                                required: false,
                                message: '事件开始时间',
                                trigger: 'blur'
                            }
                        ],
                                                event_complete_time: [
                            {
                                required: false,
                                message: '事件间结束时间',
                                trigger: 'blur'
                            }
                        ],
                                                event_reminder: [
                            {
                                required: false,
                                message: '事件提醒',
                                trigger: 'blur'
                            }
                        ],
                                                event_priority: [
                            {
                                required: false,
                                message: '事件优先级',
                                trigger: 'blur'
                            }
                        ],
                                                event_label: [
                            {
                                required: false,
                                message: '事件标签',
                                trigger: 'blur'
                            }
                        ],
                                                order_by: [
                            {
                                required: false,
                                message: '显示顺序',
                                trigger: 'blur'
                            }
                        ],
                                                event_reminder_status: [
                            {
                                required: false,
                                message: '事件提醒状态，是否提醒',
                                trigger: 'blur'
                            }
                        ],
                                                event_sys_status: [
                            {
                                required: false,
                                message: '事件状态，是否关闭',
                                trigger: 'blur'
                            }
                        ],
                                                event_index: [
                            {
                                required: false,
                                message: '事件热度（浏览量）',
                                trigger: 'blur'
                            }
                        ],
                                                event_video: [
                            {
                                required: false,
                                message: '视频',
                                trigger: 'blur'
                            }
                        ],
                                                event_followers: [
                            {
                                required: false,
                                message: '关注者',
                                trigger: 'blur'
                            }
                        ],
                                                event_properties: [
                            {
                                required: false,
                                message: '事件属性',
                                trigger: 'blur'
                            }
                        ],
                                                event_nature: [
                            {
                                required: false,
                                message: '事件性质',
                                trigger: 'blur'
                            }
                        ],
                                                event_role: [
                            {
                                required: false,
                                message: '角色（我是当事人/我是旁观者）',
                                trigger: 'blur'
                            }
                        ],
                                                event_top: [
                            {
                                required: false,
                                message: '置顶（是否置顶）',
                                trigger: 'blur'
                            }
                        ],
                                                event_adcode: [
                            {
                                required: false,
                                message: '行政区划代码',
                                trigger: 'blur'
                            }
                        ],
                                                event_area_type: [
                            {
                                required: false,
                                message: '区域类型(距离,本地,全国)',
                                trigger: 'blur'
                            }
                        ],
                                                auditing_type: [
                            {
                                required: false,
                                message: '是否审核',
                                trigger: 'blur'
                            }
                        ],
                                                complete_type: [
                            {
                                required: false,
                                message: '是否完成',
                                trigger: 'blur'
                            }
                        ],
                                                volunteer_id: [
                            {
                                required: false,
                                message: '志愿者id',
                                trigger: 'blur'
                            }
                        ],
                                    }
                return formRules
            }
        },


        created() {
            if (process.browser) {
                this.listPage()
            }
        },
        methods: {
            // 打开字新增窗口
            openCreate() {
                this.formData = {}
                this.createDialogVisible = true
            },
            // 提交表单
            doCreate() {
                this.$refs['createForm']
                        .validate( (valid) => {
                if (valid) {
                this.btnLoading = true
                this.$axios
                .$post(API_WXPROGRAM_EVENT_CREATE, this.formData)
                .then((d) => {
                this.btnLoading = false
                if (d.code === 0) {
                this.$message({
                message: d.msg,
                type: 'success'
                })
                this.createDialogVisible = false
                this.listPage()
                }
                })
                }
                })
            },
            // 打开修改窗口
            openUpdate(row) {
                this.editData.id = row.id
                this.$axios.$post(API_WXPROGRAM_EVENT_GET, this.editData).then((d) => {
                    if (d.code === 0) {
                        this.formData = d.data
                        this.updateDialogVisible = true
                    }
                })
            },
            // 打开详情窗口
            openShow(row) {
                this.editData.id = row.id
                this.$axios.$post(API_WXPROGRAM_EVENT_GET, this.editData).then((d) => {
                    if (d.code === 0) {
                        this.formData = d.data
                        this.showDialogVisible = true
                    }
                })
            },
            // 提交表单
            doUpdate() {
                this.$refs['updateForm']
                        .validate((valid) => {
                if (valid) {
                this.btnLoading = true
                this.$axios
                .$post(API_WXPROGRAM_EVENT_UPDATE, this.formData)
                .then((d) => {
                this.btnLoading = false
                if (d.code === 0) {
                this.$message({
                message: d.msg,
                type: 'success'
                })
                this.updateDialogVisible = false
                this.listPage()
                }
                })
                }
                })
            },
            // 执行删除
            openDelete(row) {
                this.editData.id = row.id
                this.$confirm(
                        '确定删除该条数据 ？',
                        '操作提示',
                        {
                            confirmButtonText: '确 定',
                            cancelButtonText: '取 消',
                            type: 'warning'
                        }
                ).then(() => {
                    this.btnLoading = true
                    this.$axios
                            .$post(API_WXPROGRAM_EVENT_DELETE, this.editData)
                            .then((res) => {
                                this.btnLoading = false
                                if (res.code === 0) {
                                    this.$message({
                                        message: res.msg,
                                        type: 'success'
                                    })
                                    this.listPage()
                                }
                            })
                }).catch(() => {})
            },
            // 页码变动事件
            doChangePage(val) {
                this.pageData.pageNo = val
                this.listPage()
            },
            // 页大小变动事件
            doSizeChange(val) {
                this.pageData.pageSize = val
                this.listPage()
            },
            // 页排序事件
            doPageSort(column) {
                this.pageData.pageOrderName = column.prop
                this.pageData.pageOrderBy = column.order
                this.listPage()
            },
            // 获取分页查询数据
            listPage() {
                this.listLoading = true
                this.$axios.$post(API_WXPROGRAM_EVENT_LIST, this.pageData).then((res) => {
                    this.listLoading = false
                    if (res.code === 0) {
                        this.listData = res.data.list
                        this.pageData.totalCount = res.data.totalCount
                    }
                })
            },
            // 条件查询展示第一页内容
            doSearch() {
                this.pageData.pageNo = 1
                this.listPage()
            },
            doReSearch() {
                this.pageData = {
                    pageNo: 1,
                    pageSize: 10,
                    totalCount: 0,
                    pageOrderName: 'createdAt',
                    pageOrderBy: 'descending'
                }
                this.$refs['searchForm'].resetFields()
            },
            changeSearch() {
                this.showSearch = !this.showSearch
            }
        }
    }

</script>
